<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <!-- 
      移动端响应式布局开发 
      <meta name="viewport" content="width=device-width, initial-scale=1" />
      一定要设置的：
      如果不设置，浏览器会按照980的宽度渲染页面；手机宽度不足980，整个页面就会整体缩小
      width=device-width HTML渲染宽度和设备宽度保持一致    
      initial-scale=1 初始缩放比例：既不放大也不缩小
      user-scalable=no 设置用户无法手动缩放页面
      当 maximum-scale 设置为 1.0 时，意味着用户无法手动将页面放大超过其原始大小。这通常用于保持页面设计的一致性，确保用户无法通过手动缩放破坏开发者所设定的布局和样式。
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <meta name="theme-color" content="#000000" />
    <meta
      name="description"
      content="Web site created using create-react-app"
    />
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
    <title>知乎日报</title>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
  </body>
</html>
